<script setup>
const props = defineProps({
  url: {
	  type: String,
	  default: ''
  },
  width: {
	  type: String,
	  default: '160rpx'
  },
  height: {
	  type: String,
	  default: '160rpx'
  },
  shape: {
	  type: String,
	  default: 'square'
  },
  radius: {
	  type: String,
	  default: '0'
  },
  no_tip: {
	  type: String,
	  default: '无图片'
  },
  no_size: {
	  type: String,
	  default: '24rpx'
  }
})
</script>

<template>
  <uv-image :src="url" :width="width" :height="height" :shape="shape" :radius="radius">
	  <template #loading>
		<uv-loading-icon></uv-loading-icon>
	  </template>
	  <template #error>
		  <view :style="`font-size: ` + no_size + `;`">{{no_tip}}</view>
	  </template>
  </uv-image>
</template>

<style>

</style>
